<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .box {
            margin: auto;
            width: 300px;
            height: 200px;
        }
        em {
            height: 20px;
            display: block;
        }
        
    </style>
</head>
    <div class="box">
        <em></em>
        <p>hello</p>
        <button>点击</button>
        <marquee>woshuaima</marquee>
        <em></em>
    </div>
<body>
    <script>
        var div0 = document.getElementsByTagName('p')
        var btn = document.getElementsByTagName('button')
        // 2，3，4，6，7，8，9，12，13
        var a = ['console.log','window	.onload的作用','设置变量的规则','计算  +  号的特殊','js的常用事件',
		'操作元素内容','操作元素的样式','数据类型','typeof','NAN详解','number类型','String类型','Boolean类型','null和undefined','Object类型',
		'Array类型','函数','转成number类型','parseInt','parseFloat','+号转换','toFixed','转换成字符串','转换成Boolean 类型',
		'运算符与隐式类型转换','隐式转换案例','比较运算符','==判断的同时执行赋值','逻辑运算符','中括号简述','this的详解','改变this指向的方法',
		'三元表达式','js流程控制语句','if 判断语句','switch语句','for循环', 
		'while 和 do-while','continue 与 break','自定义属性','函数的定义',  '函数的参数','内置对象 arguments',
		'return 返回值','回调函数','同步异步','匿名函数','变量提升','定时器']
        var a = ['命名变化','ECMA规范','ECMAscript与JS的关系','JavaScript的特点',
        '获取元素的方法','获取非行内样式','作用域及作用域链','js中的内置对象',
        '数学对象-Math','toPrecision','时间对象','转换为本地时间','时间戳',
        'momnet jS日期处理库','字符串对象','字符串的查找','trim去空格','字符串的截取',
        '字符串替换','字符串拆分','字符串转大小写','新增方法','可选链',
        'hasOwnProperty','Object.assign()','Object.values','Object.keys()']
        var a = ['字符串对象','字符串的查找','trim去空格','字符串的截取',
        '字符串替换','字符串拆分','字符串转大小写','新增方法',]
        var a = ['可选链','hasOwnProperty','Object.assign()','Object.values','Object.keys()']
        // var num = Math.random();
        alert(num); //所得到的的值是0-1之间的 随机数，每次刷新都不同
        var ems = document.getElementsByTagName('em')
        var num = null
        var n = null
        btn[0].onclick = function(){
            ems[0].innerHTML = ''
            ems[1].innerHTML = ''
            function fn(){
                num=Math.floor(Math.random()*a.length);
                n = a[num]
                div0[0].innerHTML = n
                return n
            }
            fn()
            var time = setInterval(fn,100)  
            setTimeout(fn2,3000)
            function fn2 (){
                clearInterval(time)
                ems[0].innerHTML = n
                ems[1].innerHTML = n
            }

        }


        var paramsStr = location.search;
        paramsStr = paramsStr.substr(1);
        var firstParamsStr = arr[0]; 
        var keywordArr = firstParamsStr.split('='); 
        var key = keywordArr[1]; console.log(key);

    </script>
</body>
</html>